Estoy usando el selector de fuentes en mi proyecto de esta manera.

 <FontPicker
 apiKey={process.env.REACT_APP_GOOGLE_API_KEY}
 activeFontFamily={activeFontFamilyMobile}
 onChange={(nextFont) =>
 setActiveFontFamilyMobile(nextFont.family)
 }
 />

La fuente ya guardada está almacenada en el backend, que estoy obteniendo y configurando así en uso Efecto:

 setActiveFontFamilyMobile(response.data.font_family);

y por defecto, el estado es así:

 const [activeFontFamilyMobile, setActiveFontFamilyMobile] = React.useState("Raleway");

Entonces, el problema es que cuando la página se carga por primera vez, font_family guardada proviene del backend y se almacena en activeFontFamilyMobile. Y en los parámetros de fontPicker, debe mostrarse por activeFontFamily={activeFontFamilyMobile}. Pero da un error como este: Error

Pero si realizo algunos cambios en el código y provoco una nueva representación, comienza a funcionar. Entonces no funciona cuando las páginas se cargan por primera vez. ¿Cuál podría ser el problema?